
$(document).ready(function () {
  var preloadbg = document.createElement('img');
  preloadbg.src = 'img/timeline1.png';
  $('#searchfield').focus(function () {
    if ($(this).val() == 'Search contacts...') {
      $(this).val('');
    }
  });
  $('#searchfield').focusout(function () {
    if ($(this).val() == '') {
      $(this).val('Search contacts...');
    }
  });
  $('#sendmessage input').focus(function () {
    if ($(this).val() == 'Send message...') {
      $(this).val('');
    }
  });
  $('#sendmessage input').focusout(function () {
    if ($(this).val() == '') {
      $(this).val('Send message...');
    }
  });
  $('.friend').each(function () {
    $(this).click(function () {
      var childOffset = $(this).offset();
      var parentOffset = $(this).parent().parent().offset();
      var childTop = childOffset.top - parentOffset.top;
      var clone = $(this).find('img').eq(0).clone();
      var top = childTop + 12 + 'px';
      $(clone).css({ 'top': top }).addClass('floatingImg').appendTo('#chatbox');
      setTimeout(function () {
        $('#profile p').addClass('animate');
        $('#profile').addClass('animate');
      }, 100);
      setTimeout(function () {
        $('#chat-messages').addClass('animate');
        $('.cx, .cy').addClass('s1');
        setTimeout(function () {
          $('.cx, .cy').addClass('s2');
        }, 100);
        setTimeout(function () {
          $('.cx, .cy').addClass('s3');
        }, 200);
      }, 150);
      $('.floatingImg').animate({
        'width': '68px',
        'left': '108px',
        'top': '20px'
      }, 200);
      var name = $(this).find('p strong').html();
      var email = $(this).find('p span').html();
      $('#profile p').html(name);
      $('#profile span').html(email);
      $('.message').not('.right').find('img').attr('src', $(clone).attr('src'));
      $('#friendslist').fadeOut();
      $('#chatview').fadeIn();
      $('#close').unbind('click').click(function () {
        $('#chat-messages, #profile, #profile p').removeClass('animate');
        $('.cx, .cy').removeClass('s1 s2 s3');
        $('.floatingImg').animate({
          'width': '40px',
          'top': top,
          'left': '12px'
        }, 200, function () {
          $('.floatingImg').remove();
        });
        setTimeout(function () {
          $('#chatview').fadeOut();
          $('#friendslist').fadeIn();
        }, 50);
      });
    });
  });
});
// 第一个函数里面是 为你推荐轮播图
(function () {
  var swiper = new Swiper(".get_job_fo", {
    // 能够显示的 slider的个数
    slidesPerView: 2,
    // 每一个slide之间的距离
    spaceBetween: 30,
    centeredSlides: true,
    loop: true,
    // 添加左右箭头
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });
})();
// 第二个函数的轮播图
(function () {
  //  如果有多个轮播图最好修改下 swiper-container
  var swiper = new Swiper(".study_fo", {
    // 我们可以可以看看到的是 2个半
    slidesPerView: 2.2,
    spaceBetween: 20,
  });
})();
$('.discuss-print ul li').height($('.discuss-print ul li').width());
$('.evaluate .b-banner').height($('.evaluate .b-banner').width());
/*弹框大图*/
$('.gb-btn').click(function () {
  $('.Picture').hide();
  $('body').css('overflow','');
});
var imgNum = $(".discuss-print ul li").length;
var index =0;
function selectimg(index) {
  $('.discuss-print ul li').removeClass('on');
  $(".discuss-print ul li").eq(index).addClass("on");
  $('.theme').height($('.theme img').height());
  $('.theme img').attr('src',$('.discuss-print .on').find('img').attr('src'));
}
/*点击列表图*/
$('.discuss-print ul li').click(function () {
  $('body').css('overflow','hidden');
  index = $(".discuss-print ul li").index(this);
  $('.discuss-print ul li').removeClass('on');
  $(this).addClass("on");
  $('.discuss-print ul li img').css('display','block');
  $('.Picture').show();
  $('.theme img').attr('src',$('.discuss-print .on').find('img').attr('src'));
  $('.theme').height($('.theme img').height());
});
$(".mine").click(function(){
  index --;
  if(index < 0){
    index = imgNum-1;
    selectimg(index);
  }
  selectimg(index);
});
$(".Next").click(function(){
  index ++;
  if( index > imgNum-1){
    index = 0;
    selectimg(index);
  }
  selectimg(index);
});
$('.footer > a').each(function (index, elem) {
  $(elem).click(function () {
    for (let i = 0; i < $('body > .page').length; i++){
      $($('body > .page')[i]).css('display', 'none');
    }
    $($('body > .page')[index]).css('display', 'block');
  });
})

$($('.page')[0]).find('[type="tuijian"]')[0].onclick = function(){
  alert("更多")
}
$($('.page')[0]).find('[type="chongdian"]').click(function () {
  alert("更多")
})
